<template>
    <view class="recycle_order_submited-container">
        <view class="recycle_order_submited-content">
            <u-icon name="/static/images/icon_paySuccess.png" width="112" />
            <view class="xl black mt10">订单提交成功</view>
            <view class="nr normal mt30 mb30">预计可收入<text class="ornament">¥{{ price || '0.00' }}</text>，质检完成后到账</view>
            
            <view class="recycle_order_submited--show_order mt30" @tap="goOrder">查看订单</view>
            <view class="recycle_order_submited--return_home mt30" @tap="goHome">返回首页</view>
        </view>
    </view>
</template>


<script>
    export default {
        data() {
            return {
                price: '',      // 预估价
                order_id: '',   // 订单ID
            }
        },
        
        methods: {
            // 跳到订单
            goOrder() {
                uni.navigateTo({
                    url: '/bundle/pages/recycle_order_list/recycle_order_list'
                })
            },
            
            // 跳到首页
            goHome() {
                uni.switchTab({
                    url: '/pages/index/index'
                });
            }
        },
        
        onLoad(options) {
            this.price = options.price;
            this.order_id = options.id;
        }
    }
</script>


<style scoped>
    .recycle_order_submited-container {
        padding: 20rpx;
    }
    
    .recycle_order_submited-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 30rpx 20rpx; 
        border-radius: 10px;
        background-color: #FFFFFF;
    }
    .recycle_order_submited--show_order,
    .recycle_order_submited--return_home {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 84rpx;
        border-radius: 30px;
        font-size: 32rpx;
    }
    
    .recycle_order_submited--show_order {
        background-color: #3187FD;
        color: #FFFFFF;
    }
    
    .recycle_order_submited--return_home {
        border: 1rpx solid #3187FD;
        background-color: #FFFFFF;
        color: #3187FD;
    }
</style>
